<!--
 * @Author: WLang
 * @LastEditors: WLang
 * @Description: 
 * @Date: 2023-06-25 22:06:28
 * @LastEditTime: 2023-06-28 15:05:01
 * @FilePath: \my-project\src\views\home\CaseView.vue
-->
<template>
  <div class="cq-case">
    <div class="banner mb">
        <div class="banner-con tc cfff">
            <h2 class="fz40">行业经典案例</h2>
            <p class="fz22 lh60">橙券与企业深度融合，创造数字化未来</p>
        </div>
    </div>
    <div class="main">
        <div class="main-con w1199">
            <div class="con-wrap" v-for="item in CaseDate" :key="item.id">
                <div class="con-pic">
                    <img :src="item.pic" width="427" height="540" alt="话费一元购">
                </div>
                <div class="con-desc tl">
                    <h3 class="con-title cff7 fz22 pl25 mb52">
                        {{item.title}}
                    </h3>
                    <div class="con-detail c666 pl25">
                        <h4>合作对象</h4>
                        <p>{{item.object}}</p>
                        <h4>品牌支持</h4>
                        <p>{{item.support}}</p>
                        <h4>服务内容</h4>
                        <p>{{item.content}}</p>
                    </div>
                </div>
            </div>
        </div> 
    </div> 
  </div>
</template>

<script>
export default {
  components:{},
  data(){
    return {
      CaseDate: [
        {
          id: 1,
          pic: require('@/assets/images/1.png'),
          title: '金融行业',
          object: '腾讯、京东PLUS、支付宝、搜狐邮箱、好时巧克力、乐麦',
          support: '橙金融',
          content: '橙券为客户搭建营销活动，银行的手机银行及网银用户可通过参与活动，获得不同频次抽奖礼券，凭抽奖礼券随机抽取话费、流量、星巴克等奖品，打造具有生动营销力的传播。'
        },
        {
          id: 2,
          pic: require('@/assets/images/2.png'),
          title: '互联网行业',
          object: '中国银联、中国农业银行、中国邮政储蓄银行、中国银行、中国工商银行、交通银行、浦发银行、哈银消费金融公司、51信用卡',
          support: '橙营销',
          content: '橙券为品牌线上商城旗舰店提供权益商品和技术支撑，多种选择，稳定货源支持，充分调动用户参与积极性，与用户形成良好互动，拉新促销，驱动企业业绩提升。'
        },
        {
          id: 3,
          pic: require('@/assets/images/3.png'),
          title: '保险行业',
          object: '中邮人寿、中德安联人寿、壹钱包',
          support: '橙营销、橙金融',
          content: '橙券，为保险行业客户策划精准有冲击力的营销活动，同时兼顾品牌信息传递和用户习惯的完美平衡，创意提供多面值话费、卡券产品等，覆盖更广泛的目标人群，实现流量快速转换。'
        },
        {
          id: 4,
          pic: require('@/assets/images/4.png'),
          title: ' 通信行业',
          object: '中国联通',
          support: '橙积分',
          content: '橙券充分整合360°客户视图，为联通的积分商城提供网票网、货拉拉、e袋洗等优质权益商品，并保障源源不断上新。用户在线兑换心仪商品，丰富且实用，有效提升用户个性化体验，充分发挥积分的价值。'
        },
        {
          id: 5,
          pic: require('@/assets/images/5.png'),
          title: ' 汽车行业',
          object: '重庆长安汽车',
          support: '橙积分',
          content: '橙券，是长安商城积分兑换业务的提供商之一，为商城用户提供中石化加油卡充值与话费充值服务，让用户有了新的兑换选择，有助于用户留存，加强用户对品牌的友好度，快速提升品牌曝光度和流量。'
        },
        {
          id: 6,
          pic: require('@/assets/images/6.png'),
          title: ' 传媒行业',
          object: '华数传媒、中科数创、瑞安日报、山东广播电视台',
          support: '橙营销',
          content: '橙券助力媒体行业深度营销，以数据产品的复合运用，实现程序化精准营销服务，根据品牌形象定制不同的视觉风格，形成具有互动性的曝光传播，帮助企业实现1+1>2的“品效合一”营销效果。'
        }
      ]
    }
  },
created(){
},
mounted(){},
watch:{},
computed:{
},
methods:{
},
}
</script>
<style lang="scss" scoped>

.banner {
  position: relative;
  height: 350px;
  background: url(../../assets/images/banner2.jpg) no-repeat center/cover;
}

.banner-con {
  position: absolute;
  width: 377px;
  height: 122px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.main-con {
  margin: 0 auto;
  .con-wrap {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgb(244, 244, 244);
  margin-top: 78px;
    &:last-of-type {
    border-bottom: none;
    }
  }
  .con-desc {
  width: 696px;
    h3 {
    line-height: 52px;
    background-color: rgb(248, 248, 248);
    font-weight: normal;
  }
    h4 {
    font-size: 20px;
    font-weight: normal;
    padding-left: 10px;
    line-height: 48px;
  }
    p {
    font-size: 14px;
    margin-bottom: 46px;
  }
  }
}
</style>